<html>
<head>
<style>
div {
    background-color: red;
    background-image: -moz-linear-gradient(gray 50px, currentColor 50px);
    background-image: -ms-linear-gradient(gray 50px, currentColor 50px);
    background-image: -o-linear-gradient(gray 50px, currentColor 50px);
    background-image: -webkit-linear-gradient(gray 50px, currentColor 50px);
    background-image: linear-gradient(gray 50px, currentColor 50px);
	width: 100px;
	height: 100px;
}
</style>
</head>
<body>
  <div style="color: green"></div>
  <div style="color: blue"></div>
</body>
</html>
